body {
  margin: 0;
  padding: 0;
  font-family: 'Open Sans', sans-serif;
}

.equation.cell {
  position: relative;
}

.error.cell {
  background: rgba(255, 0, 0, 0.14);
  font-size: 0.8em;
  color: red;
}

.error.cell>div.text {
  text-align: center;
}

.equation.cell:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 6px 6px 0 0;
  border-color: #2185d0 transparent transparent transparent;
  z-index: 2;
}

.row-handle.cell {
  width: 1rem;
}

tbody .row-handle.cell,
thead .cell:not(.row-handle) {
  cursor: move;
}

.data-grid-container table.data-grid tr {
  background: white;
}

.data-grid-container table.data-grid .drop-target,
.data-grid-container table.data-grid thead .cell.read-only.drop-target {
  background: #6F86FC;
  transition: none;
  color: white;
}

.data-grid-container table.data-grid thead .cell.read-only {
  transition: none;
}

table.data-grid {
  margin: auto;
  width: 100%;
}

.Select-control,
.Select-input,
.Select-placeholder,
.Select-clear,
.Select-placeholder,
.Select--single>.Select-control .Select-value {
  height: 15px;
  line-height: 12px;
  font-size: 12px;
  text-align: left;
  border-radius: 0;
  border: 0;
}

.Select-control input {
  height: 16px;
  font-size: 12px;
  padding: 0;
}

.sheet-container {
  display: block;
  padding: 5px;

  box-shadow: 0px 0px 6px #CCC;
  margin: auto;
  width: 500px;
  margin-top: 20px;
  transition: box-shadow 0.5s ease-in;
}

.sheet-container:hover {
  transition: box-shadow 0.5s ease-in;

  box-shadow: 0px 0px 1px #CCC;
}

.sheet-container table.data-grid tr td.cell:not(.selected) {
  border: 1px solid #ececec;
}

.sheet-container table.data-grid tr td.cell,
.sheet-container table.data-grid tr th.cell {
  font-size: 12px;
}